/*下载app*/
#home .dowload_app{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 40;
    width: 100%;
    height: 1.5rem;
    background: rgba(0,0,0,.9);
    color: #fff;
}
#home .dowload_app_img{
    width: 1.0rem;
    height: 1.0rem;
    display: block;
    margin-top: 0.25rem;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}
#home .dowload_app_img img{
    width: 100%;
    height: 100%;
    display: block;
}
#home .dowload_app_action{
    width: 60%;
    font-size: 0.34rem;
    line-height: 1.5rem;
    font-weight: bold;
}
#home .dowload_app_rightIcon{
    width: 15%;
}
#home .dowload_app_rightIcon img{
    width: 1.0rem;
    height: 1.0rem;
    display: block;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
}
#home .dowloadclosed_btn{
    width: 0.34rem;
    height: 0.34rem;
    position: fixed;
    z-index: 5;
    top: 5px;
    right: 5px;
    background:url("../img/AppColsead.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

/*首页搜索*/
.home-search{
    /*修改*/
    width:100%;
    background: #FFFFFF;
    padding:0 0.32rem;
}
.home-search-input input{
    width:100%;
    height:0.74rem;
    background: #F1F1F1;
    border:0px;
    border-radius: 1.12rem;
}
.home-search-input input::-ms-input-placeholder{text-align: center;}
.home-search-input input::-webkit-input-placeholder{text-align: center;}
.home-search-btn{
    height:0.74rem;
    line-height:0.74rem;
    padding-left:0.4rem;
    background-size: 100%;
}
.home-search i{
    /*修改*/
    display: inline-block;
    width: 0.32rem;
    height: 0.45rem;
    position: absolute;
    top: 0.37rem;
    /*left: 0.32rem;*/
}
.home-search i.location{
    background:url("../img/home_navigation_location.png") no-repeat left center;
    background-size: 100%;
}
[data-dpr="2"] .home-search i.location{
    background:url("../img/home_navigation_location@2x.png") no-repeat left center;
    background-size: 100%;
}
[data-dpr="3"] .home-search i.location{
    background:url("../img/home_navigation_location@3x.png") no-repeat left center;
    background-size: 100%;
}
.home-search .home-search-input i{
    /*修改*/
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    top: 0.4rem;
    /*left: 2.7rem;*/
    z-index: 1;
}
.home-search .home-search-input i.search{
    background:url("../img/home_navigation_search.png") no-repeat left center;
    background-size: 100%;
}
[data-dpr="2"] .home-search .home-search-input i.search{
    background:url("../img/home_navigation_search@2x.png") no-repeat left center;
    background-size: 100%;
}
[data-dpr="3"] .home-search .home-search-input i.search{
    background:url("../img/home_navigation_search@3x.png") no-repeat left center;
    background-size: 100%;
}
/*banner*/
.banner{
    width:100%;
    height:5.866666rem;
    background: #D8D8D8;
}
.carousel-demo{
    display: inline-block;
    text-align: center;
    background-color: #fff;
    height:5rem;
    width: 100%;
    position: relative;
    /*background:blue;*/
}
.carousel-demo > ul[rn-carousel] {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.carousel-demo > ul li .bgimage {
    position:relative;
    text-align: right;
    object-fit: cover;
    /*新改*/
    border-radius: 0.2rem;
    color: white;
    background-size:cover;
    height: 100%;
    background-position: center center;
    display: block;
    background-image: url(../img/img_zhanweitu_b@3x.png);
    background-repeat: no-repeat;
}
#home .carousel-indicator{
    /*修改*/
    position:absolute;
    left:50%;
    /*background: rgba(0,0,0,.2);*/
    /*left:8%;*/
    bottom:4%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
    -moz-transform: translate(-50%);
}
/*nav*/
#home > .nav{
    width:100%;
    height:3.2rem;
    background:#fff;
    overflow:hidden;
    position:relative;
    /*background:red;*/
}
#home > .nav > ul{
    width:20rem;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform: translateX(0px);
}
#home > .nav > ul li{
    width:2.5rem;
    text-align:center;
    height:2.9066rem;
    float:left;
    font-size:12px;
    color:#222;
}
.nav-pagination{
    bottom:0;
}
#home > .nav > ul li .nav-icon{
    width:1.0666rem;
    height:1.0666rem;
    margin:0 auto;
    margin-top:0.6rem;
    margin-bottom:0.5rem;
}
#home > .nav > ul li .nav-icon.home-1{
    background:url("../img/home_category_1.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-1{
    background:url("../img/home_category_1@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-1{
    background:url("../img/home_category_1@3x.png") no-repeat center;
    background-size:100%;
}
#home > .nav > ul li .nav-icon.home-2{
    background:url("../img/home_category_2.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-2{
    background:url("../img/home_category_2@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-2{
    background:url("../img/home_category_2@3x.png") no-repeat center;
    background-size:100%;
}
#home > .nav > ul li .nav-icon.home-3{
    background:url("../img/home_category_3.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-3{
    background:url("../img/home_category_3@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-3{
    background:url("../img/home_category_3@3x.png") no-repeat center;
    background-size:100%;
}
#home > .nav > ul li .nav-icon.home-4{
    background:url("../img/home_category_4.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-4{
    background:url("../img/home_category_4@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-4{
    background:url("../img/home_category_4@3x.png") no-repeat center;
    background-size:100%;
}
#home > .nav > ul li .nav-icon.home-5{
    background:url("../img/home_category_5.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-5{
    background:url("../img/home_category_5@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-5{
    background:url("../img/home_category_5@3x.png") no-repeat center;
    background-size:100%;
}
#home > .nav > ul li .nav-icon.home-6{
    background:url("../img/home_category_6.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-6{
    background:url("../img/home_category_6@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-6{
    background:url("../img/home_category_6@3x.png") no-repeat center;
    background-size:100%;
}
#home > .nav > ul li .nav-icon.home-7{
    background:url("../img/home_category_7.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-7{
    background:url("../img/home_category_7@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-7{
    background:url("../img/home_category_7@3x.png") no-repeat center;
    background-size:100%;
}
#home > .nav > ul li .nav-icon.home-8{
    background:url("../img/home_category_8.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li .nav-icon.home-8{
    background:url("../img/home_category_8@2x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="3"] #home > .nav > ul li .nav-icon.home-8{
    background:url("../img/home_category_8@3x.png") no-repeat center;
    background-size:100%;
}
[data-dpr="2"] #home > .nav > ul li{
    font-size:24px;
}
[data-dpr="3"] #home > .nav > ul li{
    font-size:36px;
}
.news{
    width:100%;
    padding:0 0.32rem;
    background:#fff;
    padding-top:0.188rem;
    padding-bottom:0.188rem;
    border-bottom: 1px solid #f5f5f5;
}
.news > .news-con{
    /*修改*/
    height: 1.08rem;
    /* background: #f7f8f9; */
    /* box-shadow: 0 0 0.10666rem 0 rgba(0,0,0,0.10); */
    border-radius: 0.14rem;
    padding: 0.1rem 0.26rem;
    /* border: 1px solid red; */
    line-height: 0.88rem;
    font-size: 14px;
}
.news > .news-con i:first-child{
    color: #e72e62;
    line-height: 0.6rem;
    height: 0.6rem;
    margin-top: 0.11rem;
    width: 1.65rem;
    display: block;
    font-style: normal;
}
.news > .news-con i>img{
    width: 100%;
    height: 100%;
    display: block;
}
.news > .news-con .text-scroll{
    width:80%;
    height: 0.88rem;
    overflow: hidden;
}
.news > .news-con .text-scroll li{
    height:0.88rem;
    width: 100%;
    overflow: hidden;
}
.news > .news-con .text-scroll p{
    width: 95%;
    overflow: hidden;
    line-height: 0.88rem;
    height: 0.88rem;
    color: #999;
    box-sizing: border-box;
    text-overflow: ellipsis;
    padding-left: 0.3rem;
    white-space: nowrap;
}

/*活动专区*/
.activity-box{
    background:#fff;
    color:#222;
    padding:0.426rem 0;
    border-bottom: 0.16rem solid #F1F1F1;
}
.activity{
    margin-top:0.19rem;
}
.activity-box > h4{
    padding-left:0.58rem;
}
.activity-item{
    width:8.6rem;
    height:3.7333rem;
}
.activity-item-1{
    background:url("../img/snatch_1.png") no-repeat center;
    background-size:100%;
}
.activity-item-3{
    background:url("../img/invite_1.png") no-repeat center;
    background-size:100%;
}

/***************************************************************/
/*搜索页面*/
.searchs .search_top{
    width:100%;
    background: #FFFFFF;
    box-shadow: 0 0 0 0 #F1F1F1;
    border-bottom: 2px solid #F1F1F1;
}
.searchs .search_top .search_input{
    width:84%;
    background: #F1F1F1;
    border-radius:0.56rem;
    /*background:url("../img/home_navigation_search.png") 0.2rem center no-repeat #F1F1F1;*/
    padding-left:0.8rem;
    position: relative;
}
.searchs .search_top .search_input .sou_iocn{
    width: 0.45rem;
    height: 0.45rem;
    display: block;
    position: absolute;
    left: 0.2rem;
    top: 0.15rem;
}
.searchs .search_top .search_input .searchClear_icon{
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: 10;
    right: 0.2rem;
    top: 0.2rem;
}
.searchs .search_top .search_input input::-webkit-search-cancel-button {
    display: none;
}
.searchs .search_top .search_input input[type="search"]{
    border:0;
    background: #F1F1F1;
    -webkit-appearance:none;
    width:100%;
    font-size: 0.34rem;
}
.searchs .search_top .search_cancel{
    height: 0.9rem;
    line-height: 0.9rem;
    color: #e72e62;
}
.searchs .search_hot{
    margin-top:0.4266rem;
}
.searchs .search_hot .search_hot_box{
    margin-top:0.2666rem;
}
.searchs .search_hot .search_hot_box ul li{
    float:left;
    margin-right:0.2666rem;
    margin-bottom:0.2666rem;
    color:#222;
    padding:0.2666rem 0.4rem;
    border: 1px solid #999999;
    border-radius: 2.6666rem;
}
.searchs .search_history_list{
    width:100%;
    background:#fff;

}
.searchs .search_history_list > ul li{
    border-bottom: 1px solid #E5E5E5;
    color:#222;
    background:url("../img/search_record.png") no-repeat left center;
    padding-left:0.8rem;
    position:relative;
    box-sizing:border-box;
}
.searchs .search_history_list > ul li i{
    display:inline-block;
    width:0.42666rem;
    height:0.42666rem;
    background:url("../img/icon_search_shut down.png") no-repeat center center;
    background-size: 100% 100%;
}

/**********************************************************************************************/














/*轮播*/
#home .carousel-demo{
    width: 100%;
    /*新改*/
    padding: 0 0.1rem;
    height: 4.7rem!important;
    margin-top: 0.2rem;
}
#home .carousel_btnGroup .advs_title{
    text-align: left;
    font-size: 0.5rem;
    color: #fff;
    line-height: 0.6rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#home .carousel_btnGroup .advs_describes{
    text-align: left;
    font-size: 0.32rem;
    color: #fff;
    line-height: 0.5rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#home .Repertoire_Purchase{
    background: url(../pic/new_btn.png) no-repeat;
    background-size: 100% 100%;
    width: 2.2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
    display: block;
    margin: 0.1rem auto;
    font-size: 0.32rem;
    text-align: center;
}
#home .Repertoire{
    margin-bottom: 0rem!important;
}
#home .Repertoire_item {
    box-sizing: border-box;
    height: 1.0rem;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    overflow: hidden;
}
#home .Repertoire_item_data{
    color: #b5b6b7!important;
    /*margin-bottom: .1rem;*/
}
#home .Repertoire_item_title{
    font-size: 0.32rem;
}
#home .public_headline .fenlei{
    width: 66%;
    line-height: 0.8rem;
    left: 50%!important;
    margin-left: -28%;
    font-size: 0.34rem;
    background:rgba(255,255,255,.2);
    border-radius: 0.8rem;
    color:#FEE0E8;
    font-weight: 500;
}
#home .public_headline {
    color: #fff;
    height: 1.3rem;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 6;
    overflow: hidden;
    padding: .2rem .32rem;
    line-height: 1.7rem;
    background: -webkit-linear-gradient(left,#F53068,#FF5685);
    background: -o-linear-gradient(right,#F53068,#FF5685);
    background: -moz-linear-gradient(right,#F53068,#FF5685);
    background: linear-gradient(to right,#F53068,#FF5685);
    border-bottom: none!important;
}
#home .Repertoire_img{
    height: 4.08rem!important;
    border-radius: 0.16rem;
}
/*精彩视频*/
#home .video_hot{
    padding: 0 0.32rem;
    border-bottom: 6px solid #F5F5F5;
    padding-bottom: 0.3rem;
}
#home .video_hot .video_list{
    width: 100%;
}
#home .video_hot .video_list .video_img{
    width: 100%;
    height: 5.265rem;
    display: block;
    border-radius: 0.1rem;
}
#home .video_hot .video_list  .video_info  h4{
    font-size: 0.4rem;
    font-weight: bold;
    line-height: 1.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#home .video_hot .video_list  .video_info  p .count_yan{
    float: left;
    width: 0.4rem;
    height: 0.3rem;
    background: url(../img/img_gl_yanjing.png)no-repeat center center;
    background-size: 100% 100%;
    margin-right: 0.1rem;
    margin-top: 0.13rem;
}
#home .video_hot .video_list  .video_info  p span{
    margin-right: 0.2rem;
}

#home .video_hot .video_list  .video_info  p{
    font-size: 0.32rem;
    color: #999;
    line-height: 0.6rem;
}
/*//热门观演记开始*/
#home .view_list{
    /*border-bottom: 6px solid #F5F5F5;*/
}
#home .index_dr{
    border-bottom: 6px solid #F5F5F5;
    padding: 0 0.32rem;
    margin-bottom: 0px;
}
#home .index_more{
    font-size: 12px;
    color: #e5335d;
}
#home .index_dr .index_li_a{
    width: 54%;
    float: right;
    margin-left: 4%;
}
#home .index_dr .index_li_oa{
    width:42%;
    float: left;
    position: relative;
}
#home .inedx_d{
    display: block;
    width: 1.5rem;
    text-align: right;
    overflow: hidden;
    height: auto;
    position: absolute;
    bottom: 0.2rem;
    right: 0.2rem;
    color: #fff;
}
#home .inedx_d img{
    width: .6rem!important;
    float: right;
}
#home .index_dr .index_li_oa img{
    width: 100%;
    height: 2.41rem;
    border-radius: 0.16rem;
    display: block;
}
#home .index_dr .index_li_oa a .num{
    position: absolute;
    right: 0.69rem;
    color: #fff;
    font-size: 0.34rem;
    bottom: 0.15rem;
}
#home .index_dr .index_li_oa a .index_d{
    background: url(../img/icon_wz_ding.png) no-repeat;
    background-size: 100%;
    width: 0.5426rem;
    height: 0.5426rem;
    position: absolute;
    right: 0.15rem;
    bottom: 0.05rem;
    display: inline-block;
}
#home .index_dr ul li{
    clear: both;padding: 0.25rem 0rem;
    height: auto;
    overflow: hidden;
    position: relative;
    /*border-bottom: 6px solid #F5F5F5;*/
}
#home .view_list .index_dr ul li:first-child{
    padding-top: 0rem!important;
}
#home  .index_a_span{
    display: block;
    /*width: 5.2rem;*/
    width: 98%;
    height: 0.6rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
    float: left;
    margin-right: 0.2rem;
}
#home  .index_a_span .viewnickname{
    width: 1.2rem;
    height: 0.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
#home  .index_a_span .viewlikecount{
    width: 1.2rem;
    height: 0.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
#home  .index_a_span img{
    float: left;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    margin-right: 0.1rem;
}

#home .index_dr2_span{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
    float: left;
    margin-right: 0.2rem;
}
#home .index_dr2_span>img{
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    border-radius: 50%;
    margin-right: 0.1rem;
}
/*//观演记index_dr2*/
#home .index_dr2{
    padding: 0 0.32rem;
    border-bottom: 6px solid #F5F5F5;
}
#home .index_dr2 .index_dr2_pimg{
    width: 100%;
    height: 5.85rem;
    display: block;
    position: relative;

}
#home .index_dr2  .index_dr2_pimg>img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0.16rem;
}
#home .index_dr2  .index_dr2_p{
    color: #999;
    font-size: 0.32rem;
    padding: 0.2rem 0;
    line-height: 0.6rem;
}
#home .index_dr2 .index_dr2_pimg a .num{
    position: absolute;
    right: 0.69rem;
    color: #fff;
    bottom: 0.15rem;
}
#home .index_dr2 .index_dr2_pimg a .index_d{
    background: url(../img/icon_wz_ding.png) no-repeat;
    background-size: 100%;
    width: 0.5426rem;
    height: 0.5426rem;
    position: absolute;
    right: 0.15rem;
    bottom: 0.05rem;
    display: inline-block;
}



#home .index_dr2_title{
    text-align: left;
    margin: 0.2rem 0;
    display: block;
    line-height: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#home .Repertoire{
    margin-bottom: 0.5rem;
    border-bottom: 6px solid #F5F5F5;

}
#home .Calder{
    line-height: 0.7rem;
    position: relative;
}
#home .Calder>img{
    width: 0.6rem;
    height: 0.6rem;
    vertical-align: middle;
}
#home .Calder0{
    width: 16%;
}
#home .Calder0>img {
    float: left;
    width: 0.24rem!important;
    height: auto!important;
    vertical-align: middle;
    margin-left: 0.1rem;
    margin-top: 0.3rem;
}

#home .Calder0>span{
    float: left;
    overflow: hidden;
    width:77%;
    text-align: center;
    line-height: 0.8rem!important;
    height:0.8rem;
    font-size:0.36rem;
}
#home .Calder>span{
    line-height: 0.7rem;
    font-size:0.32rem;
}
#home .riliday{
    width: 0.6rem;
    position: absolute;
    top: 0.12rem;
    left: 0rem;
    display: block;
    height: .6rem;
    text-align: center;
    line-height: .6rem!important;
    color: #fff;
}
#home .public_headline_message{
    right:1.0rem;
}
#home .index_li_a span{
    color:#999;
}
#home .index_li_a span:nth-child(1){
    font-weight: 500;
    font-weight: bold;
    margin-right: 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    font-size: 0.34rem;
    line-height: 0.5rem;
    margin-bottom: 0.4rem;
    color: #373a3a!important;
    height: 1.5rem;
}
#home .index_li_eye{
    display: block;
    width: 0.4rem;
    background: url(../img/img_gl_yanjing.png);
    background-size: 100%;
    height: 0.4rem;
    float: left;
    margin-left: 0.2rem;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 0.1rem;
}
/*//达人专栏*/
#home .Peoplecolumn{
    padding: 0 0.12rem;
    border-bottom: 6px solid #F5F5F5;
    margin-bottom: 0.2rem;
    height: auto;
    overflow: hidden;
}
#home .Peoplecolumn ul.Peoplecolumn-wrapper li.Peoplecolumn-slide{
    width: 3.2rem!important;
    margin: 0 0.26rem;
}
#home .Peoplecolumn ul li img{
    width: 3.2rem;
    height: 2.45rem;
    border-radius: 0.16rem;
}
#home .Peoplecolumn ul li a{
    display: block;
}
#home .Peoplecolumn ul li a:nth-of-type(2){
    display: block;
    color: #8b8786;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#home .Peoplecolumn ul li a:nth-of-type(1){
    font-size: 14px;
    margin-top: 0.2rem;
}
/*定位弹窗提示*/
#home .current_ationSHOW_title{
    font-size: 0.45rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.0rem;
}
#home .current_ationSHOW_btn span{
    width: 50%;
    text-align: center;
    font-size: 0.34rem;
    color: #000;
    line-height: 1.0rem;
}
#home .current_ationSHOW_content {
    font-size: 0.4rem;
    text-align: center;
    color: #666;
    line-height: 1.0rem;
}
#home .current_ationSHOW{
    display:none;
    position: fixed;
    z-index: 998;
    width: 100%;
    height: 100%;
    top: 0rem;
    left: 0rem;
    background: rgba(0,0,0,.7);
}
#home .current_ationSHOW .current_ationSHOW_div{
    position: absolute;
    background: #fff;
    top: 50%;
    left:50%;
    width: 8.0rem;
    height: 3.0rem;
    border-radius: 0.1rem;
    margin-left: -4.0rem;
    margin-top:-1.5rem;
}
/*首页签到*/
#home  .rili_bg{
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0rem;
    left: 0rem;
    background: rgba(0,0,0,.8);
}
#home .rili_div{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10000;
    width: 8.0rem;
    height: 12.8rem;
    border-radius: 0.1rem;
    margin-left: -4.0rem;
    margin-top: -6.4rem;
}
#home .rili_div .rili_top_content{
    background: #fff;
    width: 8.0rem;
    height:10.8rem;
    position: relative;
}
#home .rili_div .rili_top_content .rili_top_img{
    width: 100%;
    height: 100%;
    display: block;
}
#home .rili_div .rili_top_content .rili_day{
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2.1rem;
    font-family: 黑体;
    padding-left: 1.6rem;
    color: #f5003a;
    margin-top: -1.0rem;
}
#home .rili_div .rili_closed_btn{
    display: block;
    margin: 0.5rem auto;
    width: 1.0rem;
    height: 1.0rem;
    background: #fff;
    border-radius: 50%;
    color: #000;
    line-height: 1.0rem;
    text-align: center;
    font-size: 0.9rem;
}
#home .rili_div .rili_list_btn span{
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    margin: 0rem 0.2rem;
}
#home .rili_div .rili_top_content .rili_date a{
    font-size: 0.45rem;
    color: #666;
    border-bottom: 1px solid #666;
}
#home .rili_div .rili_top_content .rili_Month{
    font-size: 0.34rem;
    padding: 0.1rem 0;
    color: #666;
    font-family: 宋体;
}
#home .rili_div .rili_top_content .rili_topic_title{
    font-size: 0.4rem;
    color: #333;
    height: 0.6rem;
    line-height: 0.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0.5rem;
}
#home .rili_div .rili_top_content .rili_topic_detail{
    font-size: 0.32rem;
    color: #666;
    height: 1.0rem;
    line-height: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
#home .rili_div .rili_list_btn span.history_rili{
    background: url("../img/icon_qd_rilix.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#home .rili_div .rili_list_btn span.download{
    background: url("../img/icon_qd_xaizaix.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#home .rili_div .rili_list_btn span.share{
    background: url("../img/icon_qd_fenxiangx.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.logo_weixin{
    width:45%;
    height:15%;
    display:block;
    margin:0.25rem auto;
}
.home_weixin{
    position:relative;
}
.home-search .home-search-input i.search{
    right:0rem;
    width:0.52rem;
    height:0.52rem;
    top:50%;
    margin-top:-0.26rem;
}
.carousel_btnGroup{
    position:absolute;
    width: 100%;
    padding: 0 0.32rem;
    left:0px;
    bottom:10%;
}
.carousel_dailog{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));

}
.carousel_btnGroup .Purchase_btn{
    float:left;
    display:inline-block;
    width:2.2rem;
    height:0.6rem;
    background:rgb(255,222,0);
    color:#000;
    line-height:0.65rem;
    text-align:center;
    border-radius: 0.3rem;
}
.carousel_btnGroup .review_btn{
    margin-left:0.5rem;
    float:left;
    display:inline-block;
    width:2.94rem;
    height:0.6rem;
    border: 2px solid #fff;
    background:transparent;
    line-height: 0.56rem;
    text-align: center;
    color:#fff;
    border-radius: 0.3rem;
    box-sizing: border-box;
}
.review_img{
    display:inline-block;
    width: 0.4rem;
    height:0.4rem;
    padding-top: 0.06rem;
    padding-right: 0.2rem;
    float: right;
}
#home .Repertoire{
    padding:0 0.32rem;
}
#home .Repertoire li.Repertoire_li[data-swiper-row='1']{
    margin-top: 0.8rem!important;
}
/*#home .Repertoire li.Repertoire_li[data-swiper-row='1']{*/

/*}*/
#home .Repertoire li.Repertoire_li{
    width: 2.8rem!important;
    height: 5.48rem!important;
    margin: 0 0.15rem;
    box-sizing: border-box;
    position: relative;
}
/*#home .Repertoire .Repertoire_li:nth-child(odd){*/
    /*order: 0!important;*/
/*}*/
/*#home .Repertoire .Repertoire_li:nth-child(even){*/
    /*order: 2!important;*/
/*}*/
#home .Repertoire li.Repertoire_li_other{
    margin-top: 0.8rem;
}

#home .Repertoire_img{
    width:2.8rem;
    display:block;
    object-fit: cover;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}
#home .Repertoire_item_title{
    font-size: 0.32rem;
    text-align: left;
    line-height: 0.5rem;
    height: 1.0rem;
    width: 100%;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#home .Repertoire_item_title>a{
    display: block;
}
#home .Repertoire_item{
    box-sizing: border-box;
    /*height:2.0rem;*/
    /*margin:0.4rem 0;*/
    overflow: hidden;
}
#home .Repertoire_item_data{
    color:#666;
    font-size: 0.3rem;
    line-height: 0.5rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#home .Repertoire_item_site{
    font-size:0.3rem;
    line-height:1.4;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#home .Repertoire_Purchase{
    margin-top: 0.2rem;
    display:inline-block;
    width:2.2rem;
    height:0.6rem;
    background:rgb(255,222,0);
    color:#000;
    line-height:0.6rem;
    text-align:center;
    border-radius: 0.3rem;
}
/*新改*/
.Index_classificationModule{
    margin: 0rem auto;
    padding: 0.3rem 0.32rem;
    background: #fff;
    /*padding-bottom: 0.488rem;*/
}
.Index_classificationModule div{
    width: 100%;
    margin: 0 auto;
}
.Index_classificationModule p{
    float: left;
    width: 20%;
    margin:0 2.5%;
    position: relative;
}
.Index_classificationModule p>span{
    height: 0;
    width: 100%;
    padding-bottom: 100%; /* 让div的高等于宽 */
    border-radius: 50%;
    display:block;
    background: url("../img/img_zanweitu_a@3x.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Index_classificationModule p:first-child>span{
    background: url("../img/home_btn_repo.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Index_classificationModule p:nth-child(2)>span{
    background: url("../img/home_btn_show.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Index_classificationModule p:nth-child(3)>span{
    background: url("../img/home_btn_video.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Index_classificationModule p:last-child>span{
    background: url("../img/home_btn_ticket.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.Index_classificationModule p>b{
    text-align: center;
    font-size: 0.36rem;
    color: #000;
    font-weight: normal;
    line-height: 0.8rem;
    width: 100%;
    display: block;
}
/*banner 首页 adv*/
.Indexbanner_advs{
    padding: 0 0.32rem;
    padding-bottom:0.2rem;
    width: 100%;
    height: 3.25rem;
    background: #fff;
}
.Indexbanner_advs img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 0.2rem;
}
/**/
.IndexActivity_containers{
    padding: 0 0.32rem;
    padding-bottom: 0.3rem;
    border-bottom: 6px solid #F5F5F5;
}
.IndexActivity_container_ul ul li.IndexActivity_first_li{
    float: left;
    width: 48%;
    height: 2.74rem;
    position: relative;
}
.IndexActivity_container_ul ul li.IndexActivity_first_li0{
    float: left;
    width: 30.6%;
    height:1.83rem;
    margin-right: 4%;
    position: relative;
    margin-top: 0.37rem;
}
.IndexActivity_container_ul ul li.IndexActivity_first_li0:last-child{
    margin-right: 0rem;
}
.IndexActivity_container_ul ul li.IndexActivity_first_li:first-child{
    margin-right: 4%;
}
.IndexActivity_container_ul ul li.IndexActivity_first_li .IndexActivity_first_li_img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0.16rem;
    object-fit: cover;
}
.IndexActivity_container_ul ul li.IndexActivity_first_li0 .IndexActivity_first_li_img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0.16rem;
    object-fit: cover;
}
.IndexActivity_containers .IndexActivity_container_ul .IndexActivity_first_li .IndexActivity_Icon{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width:100%;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.34rem;
}
.IndexActivity_containers .IndexActivity_container_ul .IndexActivity_first_li .IndexActivity_Icon .IndexActivity_Icon_img{
    height: 0.6rem;
    width: 1.83rem;
    display: block;
    float: left;
    border-top-left-radius: 0.16rem;
}
.IndexActivity_containers .IndexActivity_container_ul .IndexActivity_first_li .IndexActivity_Icon_times{
    height: 0.6rem;
    line-height: 0.55rem;
    font-size: 0.3rem;
    padding: 0 0.05rem;
    background: #fff;
    border: 2px solid #e72e62;
    box-sizing: border-box;
    color: #e72e62;
    float: left;
    border-bottom-right-radius: 0.16rem;
}
.Indexcity_icon{
    position: absolute;
    padding: 0.05rem 0.1rem;
    top: 0rem;
    left: 0rem;
    font-size: 0.3rem;
    color: #fff;
    background: #e72e62;
    border-top-left-radius: 0.16rem;
    border-bottom-right-radius: 0.16rem;

}
.IndexActivity_containers .IndexActivity_container_ul .IndexActivity_first_li0 .IndexActivity_countdown{
    position: absolute;
    padding: 0.1rem 0.15rem;
    bottom: 0.1rem;
    left: 0.1rem;
    font-size: 0.3rem;
    color: #fff;
    background: #B3B3B3;
    border-radius: 0.16rem;
}

.IndexActivity_containers .IndexActivity_container_ul .IndexActivity_first_li0 .IndexActivity_countdown.active{
    background: #e72e62;
}
.IndexPepo_containers{
    padding: 0 0.32rem;
    border-bottom: 6px solid #F5F5F5;

}
.IndexPepo_containers .IndexPepo_container_ul{
    padding: 0 0.32rem;
    padding-bottom: 0.3rem;
    border-bottom: 6px solid #F5F5F5;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0{
    width: 48%;
    margin-top: 0.8rem;
    margin-right: 4%;
    position: relative;
    overflow: hidden;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0>img{
    height: 2.74rem;
    width: 100%;
    display: block;
    border-radius: 0.16rem;
    object-fit: cover;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0 .IndexPepo_first_li0_p{
    position: absolute;
    top: 2.04rem;
    width: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    color: #fff;
    font-size: 0.3rem;
    line-height:0.7rem;
    text-align: center;
    height: 0.7rem;
    border-bottom-left-radius: 0.16rem;
    border-bottom-right-radius: 0.16rem;
    -webkit-box-orient: vertical;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 .IndexPepo_first_li0_p{
    position: absolute;
    top: 1.84rem;
    width: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    color: #fff;
    font-size: 0.3rem;
    line-height:0.7rem;
    text-align: center;
    height: 0.7rem;
    border-bottom-left-radius: 0.16rem;
    border-bottom-right-radius: 0.16rem;
    -webkit-box-orient: vertical;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 .IndexPepo_first_li0_p .special_IndexPepo_first_div_left_span{
    font-size: 0.32rem;
    width:50%;
    line-height: 0.7rem;
    color: #fff;
    padding: 0 0.1rem;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0 .IndexPepo_first_li0_p  .special_IndexPepo_first_div_left_span{
    font-size: 0.32rem;
    width:50%;
    line-height: 0.7rem;
    color: #fff;
    padding: 0 0.2rem;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 .IndexPepo_first_li0_p .special_IndexPepo_first_div_left_span>img{
    width: 0.4rem;
    height: 0.38rem;
    display: block;
    margin-right: 0.1rem;
    margin-top: 0.15rem;
}
.special_IndexPepo_first_div_left_span .comment_icon{
    margin-top: 0.12rem!important;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0 .IndexPepo_first_li0_p  .special_IndexPepo_first_div_left_span>img{
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    margin-right: 0.1rem;
    margin-top: 0.1rem;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0 p.IndexPepo_first_title{
    font-size: 0.36rem;
    width: 100%;
    height: 1.4rem;
    line-height: 0.7rem;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.2rem;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0 p.IndexPepo_first_times{
    font-size: 0.34rem;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.IndexPepo_containers .IndexPepo_container_ul .IndexPepo_first_li0:nth-child(2n){
    margin-right: 0rem;
}
.IndexVenus_containers  .IndexPepo_container_ul .IndexPepo_first_li0 {
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
}
.IndexVenus_containers .IndexPepo_container_ul{
    padding: 0 0.32rem;
    padding-bottom: 0.3rem;
    border-bottom: 6px solid #F5F5F5;
}
.IndexVenus_containers .IndexPepo_container_ul .IndexPepo_first_li0:last-child{
    margin-right: 0rem;
}
.IndexVenus_containers .IndexPepo_container_ul .IndexPepo_first_li0 img{
    height: 1.83rem;
    width: 100%;
    display: block;
    border-radius: 0.16rem;
    object-fit: cover;
}
.IndexVenus_containers .IndexPepo_container_ul .IndexPepo_first_li0 .IndexPepo_first_title{
    width: 100%;
    line-height: 0.6rem;
    font-size: 0.34rem;
    color: #000;
    font-weight: 500;
    height: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.2rem;
}
.oneLine{
    margin-top: 0rem!important;
    border: none!important;
}
.IndexPepo_containers .special_IndexPepo{
    margin: 0.53rem auto;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0{
    float: left;
    width: 48%;
    height: 2.74rem;
    position: relative;
    margin-right: 4%;
    margin-top: 0.37rem;
    /*overflow: hidden;*/
}
.filter_bg{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-size: 100% 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0:last-child{
    margin-right:0rem;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0.active{
    width: 100%;
    height: 3.54rem;
    margin-right:0rem;
    margin-top: 0rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.16rem;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0.active .special_IndexPepo_first_li0_left {
    width:48% ;
    height: 3.54rem;
    padding: 0.6rem 0.2rem;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0.active .special_IndexPepo_first_li0_left .special_IndexPepo_first_li0_left_title{
    width: 100%;
    line-height: 0.7rem;
    font-size: 0.38rem;
    color: #fff;
    font-weight: 500;
    height: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0.active .special_IndexPepo_first_li0_left .special_IndexPepo_first_li0_left_span>img{
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    margin-right: 0.1rem;
    margin-top: 0.3rem;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0.active .special_IndexPepo_first_li0_left .special_IndexPepo_first_li0_left_span{
    font-size: 0.32rem;
    width:2.0rem;
    line-height: 1.0rem;
    color: #fff;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0.active .special_IndexPepo_first_li0_right{
    width:48% ;
    height: 3.54rem;
    margin-right: 4%;
    position: relative;
}
.special_IndexPepo_first_li0_right_icon{
    width: 1.0rem;
    height: 1.0rem;
    display: block;
    position: absolute;
    top: 0.4rem;
    right: 0rem;
}
.special_IndexPepo_first_li0_icon{
    position: absolute;
    width: 2.07rem;
    height: 0.7rem;
    display: block;
    top: 0.6rem;
    left: -0.06rem;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0.active .special_IndexPepo_first_li0_right .special_IndexPepo_first_li0_right_img{
    width: 100%;
    height: 2.74rem;
    display: block;
    margin: 0.4rem 0rem;
    border-radius: 0.16rem;
    object-fit: cover;
    box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0 img.special_IndexPepo_first_li0_img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0.16rem;

}
.public_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0rem;
    left: 0rem;
    border-radius: 0.16rem;
    background: rgba(0,0,0,.65)!important;
}
.IndexPepo_containers .special_IndexPepo .special_IndexPepo_first_li0 .special_IndexPepo_first_title{
    position: absolute;
    font-size: 0.36rem;
    font-weight: 500;
    width: 100%;
    height: 1.2rem;
    line-height: 0.6rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    bottom: 0.1rem;
    left: 0rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
}
.IndexTattoo_topic_contents{
    position: relative;
    background: #fff;
    padding-bottom: 0.8rem;
    border-top: 6px solid #F5F5F5;
}
.IndexTattoo_topic_contents .IndexTattoo_topic_contents_top{
    padding: 0 0.32rem;
    padding-right: 0rem;
    width: 100%;
    height: 5.0rem;
    position: relative;
    background: url("../img/home_daren_bg.png")no-repeat center center;
    background-size:100% 100%;
}
.IndexTattoo_topic_contents .IndexTattoo_topic_contents_bottom{
    padding: 0 0.32rem;
    padding-right: 0rem;
    margin-top: -3.0rem;
}
.IndexTattoo_topic_slide{
    width: 5.6rem;
    height: 3.96rem;
    /*background: #fff;*/
    margin-right: 0.3rem;
    border-radius: 0.16rem;
    background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
    box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.06);
    border-top: none;
    margin-bottom: 20px;
}
.IndexTattoo_topic_slide .IndexTattoo_topic_left{
    width: 1.0rem;
    height: 1.0rem;
    margin-right: 0.2rem;
    float: left;
    display: block;
}
.IndexTattoo_topic_slide .IndexTattoo_topic_left .IndexTattoo_topic_img{
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    border-radius: 50%;
    margin:0.1rem;
}
.IndexTattoo_topic_slide .IndexTattoo_topic_middle{
    width:2.9rem ;
    height: 1.0rem;
    float: left;
}
.IndexTattoo_topic_slide  .IndexTattoo_topic_middle .IndexTattoo_topic_Name{
    font-size:0.36rem;
    font-weight: bold;
    height: 1.0rem;
    line-height: 1.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.IndexTattoo_topic_slide .IndexTattoo_topic_right{
    margin-top: 0.2rem;
    width: 1.2rem;
    height: 0.6rem;
    font-size: 0.3rem;
    background:linear-gradient(90deg,rgba(255,20,130,1) 0%,rgba(254,58,96,1) 48%,rgba(255,95,63,1) 100%);
    color: #fff;
    line-height: 0.6rem;
    text-align: center;
    border-radius: 0.6rem;
    margin-right: 0.1rem;
    float: right;
}
.IndexTattoo_topic_container{
    /*border-radius: 0.16rem;*/
    margin-bottom: 0.2rem;
    /*box-shadow: 0.15rem 0.15rem 0.15rem rgba(247,246,246,.8), 0.15rem -0.15rem 0.15rem rgba(247,246,246,.8), -0.15rem 0.15rem 0.15rem rgba(247,246,246,.8), -0.15rem -0.15rem 0.15rem rgba(247,246,246,.8);*/
}
.IndexTattoo_topic_container .IndexTattoo_topic_slideContainer_item{
    width: 2.4rem;
    float: left;
    margin: 0 0.15rem;
}
.IndexTattoo_topic_slideContainer_item .IndexTattoo_topic_slide_detail_img{
    width: 2.4rem;
    height: 1.47rem;
    display: block;
    border-radius: 0.1rem;
    object-fit: cover;
}
.IndexTattoo_topic_slide_detail_span{
    display: inline-block;
    height: 0.4rem;
    color: #e72e62;
    border: 1px solid #e72e62;
    border-radius: 0.1rem;
    line-height: 0.45rem;
    font-size: 0.3rem;
    padding: 0 0.1rem;
    margin-right: 0.25rem;
}
.IndexTattoo_topic_container .IndexTattoo_topic_slideContainer_item .IndexTattoo_topic_slide_detail{
    width: 100%;
    line-height: 0.5rem;
    font-size: 0.32rem;
    color: #666;
    height: 1.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.2rem;
}
/*.Indexthematic_recommendation_pagination .swiper-pagination-bullet,.IndexTattoo_topic_pagination .swiper-pagination-bullet,.Indexthematic_banners_pagination .swiper-pagination-bullet{*/
/*margin: 0 0.1rem;*/
/*}*/
.Indexthematic_banners   .swiper-pagination-Indexthematic,
.IndexRepertoire_containers  .swiper-pagination-Indexthematic,
.Indexthematic_recommendation  .swiper-pagination-Indexthematic,
.IndexTattoo_topic_contents .swiper-pagination-Indexthematic,
.Indexthematic_banners   .swiper-pagination-Indexthematic{
    width: 2.4rem;
    left: 50%;
    margin-left: -1.2rem;
    height: 0.15rem;
    border-radius: 0.15rem;
    background:rgba(240,240,240,0.5);
    position: absolute;
}
.IndexTattoo_topic_contents .swiper-pagination-Indexthematic{
    background:rgba(240,240,240,1);
}
.Indexthematic_banners   .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar,
.IndexRepertoire_containers  .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar,
.Indexthematic_recommendation .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar,
.IndexTattoo_topic_contents .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar{
    height: 0.15rem;
    border-radius: 0.15rem;
    float: left;
}
.Indexthematic_banners   .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar.active,
.IndexRepertoire_containers  .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar.active,
.Indexthematic_recommendation .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar.active,
.IndexTattoo_topic_contents .swiper-pagination-Indexthematic .swiper-pagination-Indexthematicbar.active{
    background: #e72e62;
}
.Indexthematic_banners{
    background: #f7f8f9;
}
.Indexthematic_banners .Indexthematic_banners_title{
    font-size: 0.48rem;
    font-weight: 500;
    width: 2.6rem;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5rem;
    color: #fff;
    position: relative;
    z-index: 8;
}
.Indexthematic_banners_slide{
    width:80%;
    height: 4.6rem;
    position: relative;
    border-radius: 0.16rem;
}

.Indexthematic_banners_slide .Indexthematic_banners_slideContainer .Indexthematic_banners_slideContainerImg{
    width: 100%;
    height: 4.6rem;
    border-radius: 0.16rem;
    object-fit: cover;
    display: block;
}
.Indexthematic_banners_slide .Indexthematic_banners_slideContainer .Indexthematic_banners_slideContainerP{
    font-size: 0.36rem;
    line-height: 0.6rem;
    max-height: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: -0.02rem;
    background: linear-gradient(0deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    font-weight: 700;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0.2rem 0.32rem;
    border-bottom-right-radius: 0.16rem;
    border-bottom-left-radius: 0.16rem;
}
.Indexthematic_recommendation{
    background: #f7f8f9;
    margin-bottom: 0.5rem;
}
#home .IndexRepertoire_containers  #Repertoire_containerIndex .Repertoire-wrapper{
    height: 11.8rem;
    overflow: hidden;
}
#filter_bg{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-size: 100% 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}
.Indexthematic_recommendation .Indexthematic_recommendation_title{
    font-size: 0.48rem;
    font-weight:500;
    width: 2.6rem;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5rem;
    color: #fff;
    z-index: 8;
    position: relative;
}
.Indexthematic_recommendation_slide{
    width:80%;
    height: 4.6rem;
    border-radius: 0.16rem;
}
.Indexthematic_recommendation_slide .Indexthematic_recommendation_slideContainer .Indexthematic_recommendation_slideContainerImg{
    width: 100%;
    height: 4.6rem;
    border-radius: 0.16rem;
    object-fit: cover;
    display: block;
}
.Indexthematic_recommendation_slide .Indexthematic_recommendation_slideContainer .Indexthematic_recommendation_slideContainerP{
    width: 100%;
    box-sizing: border-box;
    font-size: 0.36rem;
    line-height: 0.6rem;
    max-height: 1.6rem;
    position: absolute;
    bottom: -0.02rem;
    background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    font-weight: bold;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0.2rem  0.32rem;
    border-bottom-right-radius: 0.16rem;
    border-bottom-left-radius: 0.16rem;
}

.IndexFrostedglass_bg{
    width: 100%;
    height: 100%;
    display: block;
    width: 100%;
    background-size: cover;
    height: 100%;
    background-position: center center;
    position:relative;
    object-fit: cover;
    /*filter: saturate(1) brightness(1) blur(.7rem) contrast(.8);*/
    /*-webkit-filter: blur(40px); !* Chrome, Opera *!*/
    /*-moz-filter: blur(40px);*/
    /*-ms-filter: blur(40px);*/
    /*filter: blur(40px);*/
    border-radius: 0.16rem;
    /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=40, MakeShadow=false); !* IE6~IE9 *!*/
}
.IndexFrostedglass_containers{
    position: absolute;
    top: 0rem;
    width: 100%;
    height: 100%;
    left: 0rem;
}
.Indexthematic_recommendation_bg{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    /*filter: url(blur.svg#blur); !* FireFox, Chrome, Opera *!*/
    /*filter: saturate(1) brightness(1) contrast(.8);*/
    width: 100%;
    background-size: cover;
    height: 100%;
    background-position: center center;
    /*-webkit-filter: blur(40px); !* Chrome, Opera *!*/
    /*-moz-filter: blur(40px);*/
    /*-ms-filter: blur(40px);*/
    /*filter: blur(40px);*/
    /* Safari for macOS & iOS */


    /* 设置背景半透明黑色 */
    /*background: rgba(0, 0, 0, 0.8);*/
    /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=40, MakeShadow=false); !* IE6~IE9 *!*/
}
.ocap_bg{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}
/*#home * {*/
    /*-webkit-backface-visibility: hidden;*/
    /*-moz-backface-visibility: hidden;*/
    /*-ms-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
/*}*/
.bg-swiper{
    width: 100%;
   height: 100%;
    position: absolute;
    z-index: 2!important;
    top: 0rem;
    left: 0rem;
}
/*热门视频*/
img[bn-lazy-src].IndexbannerAdvs_img {
    background-image: url(../img/img_activities_of_advertising_placeholder_figure.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
}
.Indexvideo_container{
    padding: 0 0.32rem;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0{
    float: left;
    width: 48%;
    height: 4.03rem;
    position: relative;
    margin: 0.4rem 0rem;
    margin-right: 4%;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0:nth-child(2n){
    margin-right:0rem;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 img{
    width: 100%;
    height: 2.53rem;
    display: block;
    border-radius: 0.16rem;
    object-fit: cover;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 .Indexvideo_bofang{
    width: 2.0rem;
    height: 2.0rem;
    display: block;
    background: url("../img/home_hotvideo_btn_play.png")no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 0.53rem;
    left: 50%;
    transform: translateX(-50%);
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 .Indexvideo_first_title{
    font-size: 0.36rem;
    line-height: 0.6rem;
    height: 1.2rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:0.2rem;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 .Indexvideo_first_times{
    font-size: 0.3rem;
    color: #999;
    line-height: 0.5rem;
}
.Indexvideo_container .Indexvideo_contents .Indexvideo_first_li0 .Indexvideo_first_times .Indexvideo_biao{
    background: rgba(231,51,72,.1);
    color: #e72e62;
    font-size: 0.3rem;
    padding: 0 0.2rem;
    line-height: 0.5rem;
    border-radius: 0.15rem;
    margin-right: 0.2rem;
}
/**/
#home #wrapper_container_content{
   -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#home #wrapper_container_content>div{
    -webkit-transform: translate3d(0,0,0)!important;
    -webkit-backface-visibility: hidden!important;
}
.Indexthematic_banners{
    padding: 0.8rem 0.32rem;
    background: #f7f8f9;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /*margin-top: 0.5rem;*/
}

.hot_Exhibitions .hot_Exhibitions_title{
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 0.5rem;
    height: 1.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hot_Exhibitions_time{
    position: absolute;
    top: 3.58rem;
    width: 100%;
    padding-left: 0.13rem;
    box-sizing: border-box;
    background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    color: #fff;
    font-size: 0.3rem;
    line-height: 0.5rem;
    text-align:left;
    height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    border-bottom-left-radius: 0.16rem;
    border-bottom-right-radius: 0.16rem;
    -webkit-box-orient: vertical;
}
